<template>
  <div>
    <Mtitle MtitleTxt="" />
    <h1>确定要注销该账号吗</h1>
    <p class="account">当前账号：*****</p>
    <p class="txt">注销后不可恢复</p>
    <button @click="del">确定</button>
  </div>
</template>

<script>
import Mtitle from "../../../components/my/Mtitle.vue";
import { mapActions } from "vuex";

export default {
  components: {
    Mtitle,
  },
  data() {
    return {};
  },
  methods: {
    ...mapActions("li", ["delAccount"]),
    del() {
      //注销账号
      this.delAccount();
      //跳到登录界面
      this.$router.push("/startup");
    },
  },
};
</script>

<style lang="scss" scoped>
h1 {
  margin: 200px;
  text-align: center;
  font-size: 40px;
}
.account {
  font-size: 28px;
  text-align: center;
  color: rgba(154, 154, 154, 100);
  margin: 40px 0 100px 0;
}
.txt {
  font-size: 28px;
  text-align: center;
  margin-bottom: 24px;
}
button {
  width: 452px;
  height: 60px;
  display: block;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 100);
  color: rgba(16, 16, 16, 100);
  font-size: 28px;
  text-align: center;
  border: 2px solid rgba(187, 187, 187, 100);
  margin: 0 auto;
}
</style>